<html>
<head>
<title>welcome crowdGeeks!!</title>
<style type="text/css">
body {
 height: 100%; /*  반드시 높이 값을 body 에 설정을 해야만 한다. */
 width: 100%;
 background-color: #000000;
 overflow:hidden; /* 상하,좌우 스크롤을 없앱니다.*/
}

#layout-container {
 position: absolute; /* 레이어 위치는 반드시 절대값으로 설정해야 한다. 다른 것들은 안 된다. */
 height: 98%; /* 반드시 높이를 설정한다. 100% 하게 되면 브라우저에 스크롤바가 생긴다. */
 width: 99%;
 background-position: right bottom;
 background-repeat: no-repeat;
}

#layout-content {
 text-align: center;
 position: absolute; /* 위치 고정을 하면 된다. */
 top: 15%; /* 50% 로 하면 중앙부터 출력이 된다. 적당한 비율을 입력하면 된다. */
 width: 100%;
}
</style>
</head>
<body>
 <div id="layout-container">
  <div id="layout-content">
   <img src="img/crowdgeeks_index4.png" />
  </div>
 </div>
</body>
</html>